<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- A minimal Flowplayer setup to get you started -->
  

	<!-- 
		include flowplayer JavaScript file that does  
		Flash embedding and provides the Flowplayer API.
	-->
	<script type="text/javascript" src="../flowplayer-3.2.13.min.js"></script>
	
	<!-- some minimal styling, can be removed -->
	<link rel="stylesheet" type="text/css" href="style.css">
	
	<!-- page title -->
	<title>Minimal Flowplayer setup</title>

</head><body>

	<div id="page">
		
		<h1>Minimal Flowplayer setup</h1>
	
		<p>View commented source code to get familiar with Flowplayer installation.</p>
		
		<!-- this A tag is where your Flowplayer will be placed. it can be anywhere -->
		<a
			 style="display:block;width:520px;height:330px"
			 id="player"> 
		</a>
	
		<!-- this will install flowplayer inside previous A- tag. -->
        <script>
            flowplayer("player", "../flowplayer-3.2.18.swf",{ // supply the configuration
                clip: { // Clip is an object, hence '{...}'
                    autoPlay: false,
                    autoBuffering: true,
                    baseUrl: 'http://stream.flowplayer.org/'
                },
                playlist: [ // playlist is an array of Clips, hence [...]
                    'KimAronson-TwentySeconds58192.flv', // simple playlist entry: video
                    'KimAronson-TwentySeconds59483.flv',
                    { // small object as entry
                        url: "/media/data/fake_empire.mp3",
                        duration: 25
                    }
                ],
                plugins: { // load one or more plugins
                    controls: { // load the controls plugin

                        // always: where to find the Flash object
                        url: 'flowplayer.controls-3.2.16.swf',

                        // now the custom options of the Flash object
                        playlist: true,
                        backgroundColor: '#aedaff',
                        tooltips: { // this plugin object exposes a 'tooltips' object
                            buttons: true,
                            fullscreen: 'Enter Fullscreen mode'
                        }
                    }
                },

                // set an event handler in the configuration
                onFinish: function() {
                    alert("Click Player to start video again");
                }
            });
        </script>

    </div>
</body></html>